.value-one {
  border-color: red;
  border-radius: 1px/1rem;
  border-style: dashed;
  border-width: inherit;
  margin: 1rem;
  padding: 1px;
  padding: ($gutter / 2);
}

.value-two-ident {
  border-color: red red;
  border-radius: 1px/1rem 1px/1rem;
  border-style: dashed dashed;
  border-width: inherit inherit;
  margin: 1rem 1rem;
  padding: 1px 1px;
  padding: ($gutter / 2) ($gutter / 2);
}

.value-two-diff {
  border-color: red blue;
  border-radius: 1px/1rem 2px/2rem;
  border-style: dashed dotted;
  border-width: inherit 2em;
  margin: 1rem 2rem;
  padding: 1px 2px;
  padding: ($gutter / 2) ($gutter / 3);
}

.value-three-ident {
  border-color: red red red;
  border-radius: 1px/1rem 1px/1rem 1px/1rem;
  border-style: dashed dashed dashed;
  border-width: inherit inherit inherit;
  margin: 1rem 1rem 1rem;
  padding: 1px 1px 1px;
  padding: ($gutter / 2) ($gutter / 2) ($gutter / 2);
}

.value-three-diff-one {
  border-color: blue red red;
  border-radius: 2px/2rem 1px/1rem 1px/1rem;
  border-style: dotted dashed dashed;
  border-width: 10px inherit inherit;
  margin: 2rem 1rem 1rem;
  padding: 2px 1px 1px;
  padding: ($gutter / 3) ($gutter / 2) ($gutter / 2);
}

.value-three-diff-two {
  border-color: red blue red;
  border-radius: 1px/1rem 2px/2rem 1px/1rem;
  border-style: dashed dotted dashed;
  border-width: inherit 10px inherit;
  margin: 1rem 2rem 1rem;
  padding: 1px 2px 1px;
  padding: ($gutter / 2) ($gutter / 3) ($gutter / 2);
}

.value-three-diff-three {
  border-color: red red blue;
  border-radius: 1px/1rem 1px/1rem 2px/2rem;
  border-style: dashed dashed dotted;
  border-width: inherit inherit 10px;
  margin: 1rem 1rem 2rem;
  padding: 1px 1px 2px;
  padding: ($gutter / 2) ($gutter / 2) ($gutter / 3);
}

.value-three-diff-four {
  border-color: red blue orange;
  border-radius: 1px/1rem 2px/2rem 3px/3rem;
  border-style: dashed dotted double;
  border-width: inherit 10px 20px;
  margin: 1rem 2rem 3rem;
  padding: 1px 2px 3px;
  padding: ($gutter / 2) ($gutter / 3) ($gutter / 4);
}

.value-four-ident {
  border-color: red red red red;
  border-radius: 1px/1rem 1px/1rem 1px/1rem 1px/1rem;
  border-style: dashed dashed dashed dashed;
  border-width: inherit inherit inherit inherit;
  margin: 1rem 1rem 1rem 1rem;
  padding: 1px 1px 1px 1px;
  padding: ($gutter / 2) ($gutter / 2) ($gutter / 2) ($gutter / 2);
}

.value-four-diff-one {
  border-color: blue red red red;
  border-radius: 2px/2rem 1px/1rem 1px/1rem 1px/1rem;
  border-style: dotted dashed dashed dashed;
  border-width: 10px inherit inherit inherit;
  margin: 2rem 1rem 1rem 1rem;
  padding: 2px 1px 1px 1px;
  padding: ($gutter / 3) ($gutter / 2) ($gutter / 2) ($gutter / 2);
}

.value-four-diff-two {
  border-color: red blue red red;
  border-radius: 1px/1rem 2px/2rem 1px/1rem 1px/1rem;
  border-style: dashed dotted dashed dashed;
  border-width: inherit 10px inherit inherit;
  margin: 1rem 2rem 1rem 1rem;
  padding: 1px 2px 1px 1px;
  padding: ($gutter / 2) ($gutter / 3) ($gutter / 2) ($gutter / 2);
}

.value-four-diff-three {
  border-color: red red blue red;
  border-radius: 1px/1rem 1px/1rem 2px/2rem 1px/1rem;
  border-style: dashed dashed dotted dashed;
  border-width: inherit inherit 10px inherit;
  margin: 1rem 1rem 2rem 1rem;
  padding: 1px 1px 2px 1px;
  padding: ($gutter / 2) ($gutter / 2) ($gutter / 3) ($gutter / 2);
}

.value-four-diff-four {
  border-color: red red red blue;
  border-radius: 1px/1rem 1px/1rem 1px/1rem 2px/2rem;
  border-style: dashed dashed dashed dotted;
  border-width: inherit inherit inherit 10px;
  margin: 1rem 1rem 1rem 2rem;
  padding: 1px 1px 1px 2px;
  padding: ($gutter / 2) ($gutter / 2) ($gutter / 2) ($gutter / 3);
}

.value-four-diff-five {
  border-color: red blue red blue;
  border-radius: 1px/1rem 2px/2rem 1px/1rem 2px/2rem;
  border-style: dashed dotted dashed dotted;
  border-width: inherit 10px inherit 10px;
  margin: 1rem 2rem 1rem 2rem;
  padding: 1px 2px 1px 2px;
  padding: ($gutter / 2) ($gutter / 3) ($gutter / 2) ($gutter / 3);
}

.value-four-diff-six {
  border-color: red blue orange green;
  border-radius: 1px/1rem 2px/2rem 3px/3rem 4px/4rem;
  border-style: dashed dotted double none;
  border-width: inherit 10px 20px 30px;
  margin: 1rem 2rem 3rem 4rem;
  padding: 1px 2px 3px 4px;
  padding: ($gutter / 2) ($gutter / 3) ($gutter / 4) ($gutter / 5);
}

.value-four-ident {
  border-color: $red $red $red $red;
  border-radius: $one $two $one $two;
  border-style: $one $two $three $one;
  border-width: $one $two $three $four;
  margin: $one $two $one $three;
  padding: $one $one $one $two;
}

.value-of-zero {
  border-radius: 0;
  border-width: none;
  margin: 0 0px;
  padding: 1px 0;
  padding: ($gutter / 2) 0;
}

.value-mixed {
  border-color: $red 1px red 1rem;
  border-radius: 1px 1pc 1rem;
  border-style: $red red;
  border-width: 1px 1pc;
  padding: ($gutter / 2) 1px;
}

.value-negative {
  margin: -1px;
  padding: -($gutter / 2);
}

.value-two-negative {
  margin: -1px -1px;
  padding: -($gutter / 2) -($gutter / 2);
}

.value-two-diff-negative {
  margin: -1px 1px;
  padding: -($gutter / 2) ($gutter / 2);
}

.value-three-diff-one-negative {
  margin: -1px -2px -1px;
  padding: -($gutter / 2) -($gutter / 3) -($gutter / 2);
}

.value-three-diff-two-negative {
  margin: -1px -2px 1px;
  padding: -($gutter / 2) -($gutter / 3) ($gutter / 2);
}

.value-four-negative {
  margin: -1px -1px -1px -1px;
  padding: -($gutter / 2) -($gutter / 2) -($gutter / 2) -($gutter / 2);
}

.value-four-diff-one-negative {
  margin: -1px -1px -1px 1px;
  padding: -($gutter / 2) -($gutter / 2) -($gutter / 2) ($gutter / 2);
}

.value-four-diff-two-negative {
  margin: -1px 1px -1px 1px;
  padding: -($gutter / 2) ($gutter / 2) -($gutter / 2) ($gutter / 2);
}

.value-four-diff-three-negative {
  margin: -1px 1px 1px 1px;
  padding: -($gutter / 2) ($gutter / 2) ($gutter / 2) ($gutter / 2);
}

.value-four-diff-four-negative {
  margin: -1px 2px 3px -4px;
  padding: -($gutter / 2) ($gutter / 3) ($gutter / 4) -($gutter / 5);
}

.value-four-diff-four-negative-mixed {
  margin: -1px 1px -1rem -1rem;
  padding: -($gutter / 2) ($gutter / 2) -($gutter-ex / 2) -($gutter-ex / 2);
}

.value-percentage {
  margin: 1%;
}

.value-two-percentage {
  margin: 1% 1%;
}

.value-two-diff-percentage {
  margin: 1% -1%;
}

.value-three-diff-one-percentage {
  margin: 1% 2% 1%;
}

.value-three-diff-two-percentage {
  margin: 1% 2% -1%;
}

.value-four-percentage {
  margin: 1% 1% 1% 1%;
}

.value-four-diff-one-percentage {
  margin: 1% 1% 1% -1%;
}

.value-four-diff-two-percentage {
  margin: 1% -1% 1% -1%;
}

.value-four-diff-three-percentage {
  margin: 1% -1% -1% -1%;
}

.value-four-diff-four-percentage {
  margin: 1% -2% -3% 4%;
}

.value-four-diff-four-percentage-mixed {
  margin: -1% -1% -1rem -1rem;
}

.value-function {
  margin: calc(100% - 20%);
}

.value-two-function {
  margin: calc(100% - 20%) calc(100% - 20%);
}

.value-two-diff-function {
  margin: calc(100% - 20%) calc(100% + 20%);
}

.value-three-diff-one-function {
  margin: calc(100% - 20%) calc(100% - 30%) calc(100% - 20%);
}

.value-three-diff-two-function {
  margin: calc(100% - 20%) calc(100% - 30%) calc(100% - 10%);
}

.value-four-function {
  margin: calc(100% - 20%) calc(100% - 20%) calc(100% - 20%) calc(100% - 20%);
}

.value-four-diff-one-function {
  margin: calc(100% - 20%) calc(100% - 20%) calc(100% - 20%) calc(100% - 10%);
}

.value-four-diff-two-function {
  margin: calc(100% - 20%) calc(100% - 10%) calc(100% - 20%) calc(100% - 10%);
}

.value-four-diff-three-function {
  margin: calc(100% - 20%) calc(100% - 10%) calc(100% - 10%) calc(100% - 10%);
}

.value-four-diff-four-function {
  margin: calc(100% - 20%) calc(100% + 20%) calc(100% + 30%) calc(100% - 40%);
}

.value-four-diff-four-function-mixed {
  margin: calc(100% - 10%) calc(100% - 10%) calc(100px - 10px) calc(100px - 10px);
}

.value-interp-function {
  margin: calc(#{$doc-header-height} + #{$global-whitespace--regular});
}

.value-two-interp-function {
  margin: calc(#{$doc-header-height} + #{$global-whitespace--regular}) calc(#{$doc-header-height} + #{$global-whitespace--regular});
}

.value-two-diff-interp-function {
  margin: calc(#{$doc-header-height} + #{$global-whitespace--regular}) calc(#{$doc-header-height} - #{$global-whitespace--regular});
}

.value-three-diff-one-interp-function {
  margin: calc(#{$doc-header-height} + #{$global-whitespace--regular}) calc(#{$doc-header-height} + #{$global-whitespace--large}) calc(#{$doc-header-height} + #{$global-whitespace--regular});
}

.value-three-diff-two-interp-function {
  margin: calc(#{$doc-header-height} + #{$global-whitespace--regular}) calc(#{$doc-header-height} + #{$global-whitespace--large}) calc(#{$doc-header-height} + #{$global-whitespace--small});
}

.value-four-interp-function {
  margin: calc(#{$doc-header-height} + #{$global-whitespace--regular}) calc(#{$doc-header-height} + #{$global-whitespace--regular}) calc(#{$doc-header-height} + #{$global-whitespace--regular}) calc(#{$doc-header-height} + #{$global-whitespace--regular});
}

.value-four-diff-one-interp-function {
  margin: calc(#{$doc-header-height} + #{$global-whitespace--regular}) calc(#{$doc-header-height} + #{$global-whitespace--regular}) calc(#{$doc-header-height} + #{$global-whitespace--regular}) calc(#{$doc-header-height} + #{$global-whitespace--large});
}

.value-four-diff-two-interp-function {
  margin: calc(#{$doc-header-height} + #{$global-whitespace--regular}) calc(#{$doc-header-height} + #{$global-whitespace--large}) calc(#{$doc-header-height} + #{$global-whitespace--regular}) calc(#{$doc-header-height} + #{$global-whitespace--large});
}

.value-four-diff-three-interp-function {
  margin: calc(#{$doc-header-height} + #{$global-whitespace--regular}) calc(#{$doc-header-height} + #{$global-whitespace--large}) calc(#{$doc-header-height} + #{$global-whitespace--large}) calc(#{$doc-header-height} + #{$global-whitespace--large});
}

.value-four-diff-four-interp-function {
  margin: calc(#{$doc-header-height} + #{$global-whitespace--regular}) calc(#{$doc-header-height} - #{$global-whitespace--regular}) calc(#{$doc-header-height} + #{$global-whitespace--large}) calc(#{$doc-header-height} + #{$global-whitespace--small});
}

.value-four-diff-four-interp-function-mixed {
  margin: calc(#{$doc-header-height} + #{$global-whitespace--regular}) calc(#{$doc-header-height} + #{$global-whitespace--regular}) calc(#{$doc-header-height} - #{$global-whitespace--regular}) calc(#{$doc-header-height} - #{$global-whitespace--regular});
}

// issue #772 - Issue with colours not being correctly interpreted
// should be ignored;
.test {
  border-color: transparent transparent transparent #095b97;
}

.test {
  border-color: transparent #095b97 transparent #095b97;
}

// Issue #847 - Ignoring function arguments
.foo {
  padding: 0 size('half-shim') 0 size('spacer');
}

.foo {
  padding: 0 size('half-shim') 0 size('half-shim');
}
